<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>01js的三种引用方式</title>
    </head>
    <body>
        <!--1.行内写法 写在对应的html元素上
        onclick=""给元素绑定一个点击事件，点击元素时执行""里的代码
        alert（'清闲登录！'）显示弹窗 ，括号里是要展示的文本
        console.log('嘿嘿嘿') 向浏览器控制台输出指定文本-->
        <button onclick="alert('请先登录！')">点击即玩</button>
        <button onclick="console.log('哈哈哈哈哈')">立即享用</button>

        <!--2.内部写法： 推荐写在body结束之前
              id值相当于当前HTML元素-->
        <div id="d1">hhh</div>
        <script>
            console.log(d1);/*在控制台输出*/
            console.log('看看执行了没');
        </script>

        <!--3,引入外部的Js文件
        注意：如果此标签用作引入外部JS，则标签内不能写JS代码，不会执行-->
        <script src="01.js">
            console.log('测试标签内写js代码');//不执行
        </script>
    </body>
</html>